<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>锤子科技官方网站</title>

<style>
body{ background-color:#CFF;}
#menu1{
	margin-top: 30px;
	padding-bottom: 15px;

	height: 30px;
	box-shadow:0px 2px 1px -1px #999;
	          _webkit-box-shadow:0px 2px 1px -1px #999;
	          _moz-box-shadow:0px 2px 1px -1px #999;
}
#sortproducts{
	height: 30px;
	margin-bottom: 20px;
	margin-top: 15px;
}



#productsshow{
	background-color:#FFF;
	width:1100px;
}

#listproducts{

	
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;

}
.product td{

    width: 275px;
	height: 300px;
	border: 1px solid #CFF;
	background-color: #CCC;
	
}
.tdboxshadow{
	-moz-box-shadow:3px 3px 3px rgba(187, 255, 255, 0.4) inset,
	                -3px -3px 3px rgba(187, 255, 255, 0.4) inset;           
	-webkit-box-shadow:3px 3px 3px rgba(187, 255, 255, 0.4) inset,
		               -3px -3px 3px rgba(187, 255, 255, 0.4) inset;       
	box-shadow:3px 3px 3px rgba(187, 255, 255, 0.4) inset,           
		       -3px -3px 3px rgba(187, 255, 255, 0.4) inset;
}

#listproducts img{
	width: 50px;
	height: 50px;
}



#aftersale{
	border: 1px solid rgba(187, 255, 255, 0.5);
	border-radius: 10px;
	margin-bottom:50px;
	margin-top:30px;
	height: 150px;
	width: 1100px;
	background-color:#FFF;
}
#aftersale table{
	width:1100px;
	text-align: center;
	vertical-align: middle;
}
#aftersale table td{
	width: 270px;
	padding: 3px;
}
#menu1 li, #sortproducts li{
	list-style: none;
	float: left;
	margin-right: 20px;
}
.product ul li{list-style: none;}


</style>

<script src="js/jquery.js"></script>
<script>
  $(document).ready(function() {
    

   //产品展示框内阴影鼠标效果
   
	   $('#listproducts td').hover(
	       function(){
			$(this).addClass("tdboxshadow");
			},
			function(){
			$(this).removeClass("tdboxshadow");
			}
	   );
	   
	   //form和jiage鼠标效果
	   
	   var td_num = $("#ilstproducts td").index(this);
	   $('#listproducts td').hover(
	       function(){
			$("form").eq(td_num).show();
			},
			function(){
			$("form").eq(td_num).hide();
			}
	   );
	   
	  
    
 
});


function a9(classid, showorder){
	if (window.XMLHttpRequest){
		xmlhttp = new XMLHttpRequest();
		}
		else{
			xmlhttp = new ActiveXObject();
			}
	
	xmlhttp.onreadystatechange = function(){
		if (xmlhttp.readyState==4 && xmlhttp.status==200){
			document.getElementById("a9").innerHTML = xmlhttp.responseText;
			}
		}
	
	xmlhttp.open("GET", "creatlist.php?classid="+classid&"showorder="+showorder, true);
	
	xmlhttp.send();
	}











</script>

</head>

<body>

<?php
include "head.php";

include "mysql.php";
$aa = new mysql;
$aa->link("");
echo "head";
?>
    
<div id="tbody" style="width: 1100px; height: auto; margin: 0 auto; border: 0px solid #000">
    <div id="menu">
        <div id="menu1"> 
            <ul>
                
          <?php
		        //循环输出menu1，并赋id给其超链接
		    $query1 = "select * from product_class order by show_order";
			$result1 = $aa->excu($query1);
			while ($product_class = mysqli_fetch_array($result1, MYSQLI_ASSOC))	{	

		?>
                
                
                <li><a href="?action=creat&id=<?php echo $product_class['id']; ?>" onclick="function a9()">
				<?php echo $product_class['class_name']; ?></a>

                </li>
          <?php
			      }
	   	?>
            </ul>
         <?php   echo "menu1"; ?>
        </div>
        
        

    </div>
    
    <div id="a9">
    <?php
  include "creatlist.php";
?>   
 
    </div>
    
      
    
    <div id="aftersale">
        <table>
            <tr>
                <td><a href=""><img src="img/service.png" alt="" /></a></td><td><img src="img/days7.png" alt="" /></td><td><img src="img/days15.png" alt="" /></td><td><img src="img/freeshipping.png" alt="" /></td>
            </tr>
            <tr>
                <td><a href=""><strong>在线客服</strong></a></td><td><strong>7天无理由退货</strong></td><td><strong>15天免费换货</strong></td><td><strong>满150元免运费</strong></td>
            </tr>
            <tr>
                <td><a href=""><small>周一至周日&nbsp;9:00-18:00</small></a></td><td><small>天无理由退货&nbsp;请放心购买</small></td><td><small>15天内如遇质量问题&nbsp;免费换货</small></td><td><small>全场使用顺丰快递</small></td>
            </tr>
        </table>
    </div>

</div>
<?php
include "foot.php";
?>
</body>
</html>